
<!doctype html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=1280, user-scalable=yes">
    <title>湘聘行动</title>
    <script src="./vue_dist/vue@2.7.16.js"></script>
    <script src="./vue_dist/ele@2.15.14.js"></script>
    <script src="./utils/common.js"></script>
    <script src="./utils/qs.js"></script>
    <script src="./vue_dist/axios.min.js"></script>
    <link rel="stylesheet" href="./vue_dist/ele_index.css">
    <link rel="stylesheet" href="./css/base.css">
    <script src="./components/header.js"></script>
    <script src="./components/footer.js"></script>
    <script src="./components/title.js"></script>
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div id="app" v-loading="loading">
    <!-- 头部导航 -->
    <div class="w-bg"> <com-header active-name="index"></com-header></div>
    <!-- 大图展示 -->
    <div class="banner-all">
        <img src="./images/banner_01.png" alt="" srcset="">
        <div class="banner-statistics">
            <div class="stat-item">
                <h3>{{statObj.dwTotal}}</h3>
                <p>招聘单位</p>
            </div>
            <div class="stat-item">
                <h3>{{statObj.zwTotal}}</h3>
                <p>招聘职位</p>
            </div>
            <div class="stat-item">
                <h3>{{statObj.rsTotal}}</h3>
                <p>招聘人数</p>
            </div>
        </div>
    </div>
    <!-- 搜索职位 -->
    <div class="search-all w-bg">
        <div class="search-main w1300">
            <el-input placeholder="搜索职位/公司" v-model.trim="searchValue" @keyup.native.enter="handleSearch(searchValue)">
                <el-button slot="append" icon="el-icon-search" @click="handleSearch(searchValue)"></el-button>
            </el-input>
            <div class="search-tips">每一次搜索，都是为了更好的自己。</div>
        </div>
    </div>
    <!-- 招考资讯 -->
    <div class="margin-top30 w1300">
        <div class="notices-section">
            <div class="notices-banner">
                <el-carousel height="350px">
                    <el-carousel-item v-for="(item,index) in bannerList" :key="'b' + index">
                    <img :src="item.imgUrl" alt="" srcset="" @click="toPath(item.path)">
                    </el-carousel-item>
                </el-carousel>
            </div>
              <div class="notices-main">
                <!-- # 是更多的页面地址 -->
                <com-title title="招考资讯" more-path="#"></com-title>
                <ul>
                    <li v-for="(item,index) in noticesList" :key="'n'+ index" @click="toPath(item.path)">{{item.title}}</li>
                </ul>
              </div>
        </div>
    </div>
    <!-- 湘聘活动 -->
    <div class="margin-top30 w1300">
        <com-title title="湘聘活动" more-path="#"></com-title>
        <div class="activity-section">
            <el-carousel height="350px">
                <el-carousel-item v-for="(box,index) in activeityList" :key="'a-b' + index">
                    <div v-for="(item,j) in box" :key="'a-i' + j" class="activity-item"  @click="toPath(item.path)">
                        <div class="activity-item-img"><img :src="item.imgUrl" alt="" srcset=""></div>
                        <h3>{{item.title}}</h3>
                        <p>活动时间：{{item.time}}</p>
                    </div>
                </el-carousel-item>
            </el-carousel>
        </div>
    </div>
    <!-- 广告位 -->
    <div class="ad-content margin-top30 w1300 w-bg">
        <div class="ad-img"><a href="#" target="_blank"><img src="./images/ad_img01.png" alt="" srcset=""></a></div>
        <div class="ad-img"><a href="#" target="_blank"><img src="./images/ad_img01.png" alt="" srcset=""></a></div>
    </div>
    <!-- 实力企业 -->
    <div class="margin-top30 w1300">
        <com-title title="实力企业" more-path="#"></com-title>
        <ul class="card-list">
            <li v-for="(item,index) in companyList" :key="'com' + index">
                <div class="card-header">
                    <el-avatar shape="square" :size="84" :src="item.profileUrl"></el-avatar>
                    <div class="card-title">
                        <h3 @click="handleInfo(item)">{{item.title}}</h3>
                        <ul class="split"><li>{{item.type}}</li><li>{{item.limitation}}</li></ul>
                    </div>
                </div>
                <div class="card-text">
                    <div class="c-text-t" @click="handleInfo(item)">{{item.jobName}}</div>
                    <div class="c-text-r">
                        <span>{{item.salary}}</span>
                        <span>{{item.salaryNum}}</span>
                    </div>
                </div>
                <div class="card-tags">
                    <span v-for="(tag,j) in item.tags" :key="'c_t_' + j">{{tag}}</span>
                </div>
                <div class="card-more">
                    <div class="btn-primary-line" @click="handleInfo(item)">查看更多职位</div>
                </div>
            </li>
        </ul>
    </div>
    <!-- 热门职位 --> 
    <div class="margin-top30 w1300">
        <com-title title="热门职位" more-path="#"></com-title>
        <ul class="job-list">
            <li v-for="(item,index) in jobList" :key="'job' + index" @click="handleInfo(item)">
                <div class="card-header">
                    <h3>{{item.title}}</h3>
                    <div class="c-text-r">
                        <span>{{item.salary}}</span>
                        <span>-</span>
                        <span>{{ item.salaryNum}}</span>
                    </div>
                </div>
                <ul class="split job-tag">
                    <li v-for="(tag,j) in item.tags" :key="'j-i-' + j">{{tag}}</li>
                </ul>
                <div class="job-bot">
                    <div class="job-bot-com">
                        <el-avatar shape="square" :size="36" :src="item.profileUrl"></el-avatar>
                        <strong class="text-overflow">{{item.companyName}}</strong>
                    </div>
                    <ul class="split">
                        <li v-for="(tip,i) in item.tips" :key="'t-i-' + i">{{tip}}</li>
                    </ul>
                    
                </div>
            </li>
        </ul>
    </div>
    <!-- 底部 -->
    <div class="footer"> <com-footer></com-footer></div>
</div>
<!-- 引入数据方法vue -->
<script src="index.js"></script>

</body>
</html>
